@media all and (max-width: 992px){
    .logo {
        margin-bottom: 20px;
        text-align: center;
    }
    .banner-item {
        padding: 90px 0;
    }
    .para1 {
        max-width: 80%;
    }
    .iconbox {
        margin-bottom: 10px;
    }
}

@media all and (max-width: 768px){
    .primary-nav {
        overflow: hidden;
    }
    .desktop-logo, .information {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .header-info {
        padding: 0;
    }
    .info-block {
        margin-bottom: 15px;
    }
    .header-contact, .header-social ul {
        text-align: center;
    }
    .banner-item {
        padding: 20px 0;
    }
    .page-banner {
        padding: 6rem 0;
    }
    .para1 {
        max-width: 100%;
    }    
}
@media all and (max-width: 575px){
    .banner-item {
        padding: 10px 0;
    }
    .page-banner {
        padding: 4rem 0;
    }
    .para1 {
        padding: .5rem 0;
    }
}